$top-color: #D53A0F;

//$base-color: #E7E7E7;
$base-color: #F0183D;
$active-color: #8493B8;


//$neutral-color: #FFFFFF;
$page-bg-color : #E0E4EA;

//$font-family: 

// $base-gradient: 'null';

$loading-spinner-color: #FFFFFF;


// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
//@import 'sencha-touch/bb10';
//@import 'sencha-touch/bb10/all';
@import 'sencha-touch/default';
@import 'sencha-touch/default/all';
// Custom code goes here..

// Examples of using the icon mixin:
// @include icon('user');
.ktop{
	.x-tabbar-dark{
		@include background-gradient(#efefef, $base-gradient);
	}
}
.x-tabbar.x-docked-top {
	height: 2em;
}
.x-tabbar.x-docked-top .x-tab {
	padding: 0.3em 0.8em;
	height: 1.5em;
}

@include icon-font('common', inline-font-files('common/common.woff', woff, 'common/common.ttf', truetype,'common/common.svg', svg));

@include icon('movie', '\22', 'common');
@include icon('cinema', '\23', 'common');
@include icon('event', '\33', 'common');
@include icon('setting', '\3a', 'common');



.x-inner{
	width:auto;
}
.font1{
	font-size: 14px
}
.font2{
	font-size: 16px
}
.font3{
	font-size: 12px
}
.color1{
	color: #535353;
}
.color2{
	color: #262626;
}
.blod{
	font-weight: bold;
}
.align_center{
	text-align: center;
}
.more_form{
	line-height: 40px;
	padding: 0 16px;
}
.more_form1{
  line-height: 40px;
  padding: 0 5px;
}
.more_border{
    border: none;
	border-bottom: 1px solid #ccc
}

.news_title{
	margin:0 0px 0 80px;
	padding-right: 20px;
	line-height:18px; 
	height: 36px; 
	overflow: hidden;
    width:auto;
}
.news_date{
	margin:0 0px 0 80px;
	line-height:14px; 
	height: 14px;
    text-align: right;
    padding-right: 20px;
}
.detail_title{
	line-height: 22px; 
	height: auto;
	text-align: center;
}
.content{
	font-size: 14px;
	color: #535353;
	line-height: 22px;
}
.radius1{
	border-radius:4px;
	-webkit-border-radius:4px
}
.radius2{
	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px
}
.alpha{
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.travel{
	width:50%;
	padding:5px 5px 0 5px; 
	position:relative; 
	float:left;
}

.travel_name{
	position:absolute; 
	color: #fff;
	width:94%;
	padding-right: 10px; 
	text-align: right; 
	bottom:3px;
	font-size: 14px; 
	background:#000;
}